<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>编辑会员卡</title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../script/elEditor/css/base.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/editstyle.css" />
    <!-- <link rel="stylesheet" type="text/css" href="css/product_add.css" /> -->
    <style>
        .card_item{
            width: 100%;
            /* height: 5rem; */
            position: relative;
            background: #f5f5f5;
            border-radius: 10px;
            overflow: hidden;
        }
        .card_item img{
            width: 100%;
            border-radius: 10px;
        }
        .card_item img.imgbg{
            width: 100%;
            border-radius: 10px;
            border:solid 2px #fff;
        }
        .card_item.active img.imgbg{
            width: 100%;
            border-radius: 10px;
            border:solid 2px #1a66ff;
        }
        .card_dec{
            width: 100%;
            position: absolute;
            top: 15px;
        }
        .card_logo{
            width: 1.6rem;
            margin-left: 5%;
        }
        .card_img{
            width: 1.6rem;
            height: 1.6rem;
            border-radius: 50%;
        }
        .card_img img{
            width: 100%;
            height: auto;
        }
        .logo_dec{
            width: 77%;
            height: 1.6rem;
            line-height: 1.6rem;
            padding-left: 10px;
            color: #fff;
        }
    </style>
</head>

<body>
    <!-- v-cloak -->
    <div id="app" v-cloak>
        <div class="bodymain">
        <!-- 商品基础信息 -->
        <div class="order_detail mt10">
            <div class="dcwj_con2" style="padding-top: 0px;">
                <div class="dcwj_list bor_bottom">
                    <div class="fmly_lft color9 fl" style="width: 30%;">会员卡名称<i
                            class="icon iconfont icon-bitianxiang- redcolor bitian"></i></div>
                    <div class="dcwj_left fr" style="width: 69%;">
                        <input type="text" class="font7" placeholder="请输入" v-model="Name">
                    </div>
                </div>
                <div class="dcwj_list bor_bottom">
                    <span class="timerdec" style="margin-top: 0px;">说明：商品参与营销活动时，活动价优先于会员价</span>
                    <div class="fmly_lft color9 fl" style="width: 25%;">会员权益</div>
                    <div class="dcwj_left fr" style="width: 74%;">
                        <label class="label-radio font7 ml10">
                            <input class="aui-radio" v-on:click="do_select_type(1)" v-bind:checked="Type==1"
                                style="margin-right: 10px; position: relative; top:5px; width: 1rem; height: 1rem; border-radius: 20px;" type="radio" name="PlanType">无特殊权益
                        </label>
                        <label class="label-radio font7 ml10">
                            <input class="aui-radio" v-on:click="do_select_type(2)" v-bind:checked="Type==2"
                                style="margin-right: 10px; width: 1rem; position: relative; top:5px; height: 1rem; border-radius: 20px;" type="radio" name="PlanType">商品会员价
                        </label>
                    </div>
                    
                </div>
                <div class="dcwj_list">
                    <div class="fmly_lft color9 alline">会员卡样式</div>
                    <div class="dcwj_left alline pt6" v-on:click="checkbg(item.id)" v-for="item in bglist">
                        <div class="card_item"  v-bind:class="{'active':CardBgActive==item.id}">
                            <div class="card_dec">
                                <div class="card_logo fl">
                                    <div class="card_img">
                                        <img :src="businessImg">
                                    </div>
                                </div>
                                <div class="logo_dec fl">
                                    {{businessName}}
                                </div>
                            </div>
                            <img class="imgbg" :src="item.bgurl"/>
                        </div>
                    </div>
                </div>
                <div class="dcwj_list">
                    <div class="fmly_lft color9 alline" style="width: 50%;">会员规则说明</div>
                    <div class="dcwj_left alline pt6">
                        <textarea id="textarea" placeholder="请简单描述商家简介" v-model="Summary"></textarea>
                    </div>
                </div>
            </div>
        </div>
    </div>
        <div class="pagebtn">
            <div class="buttom longwidth" v-on:click="do_savecard()">保存</div>
        </div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript " src="../script/elEditor/jquery.min.js"></script>
<script type="text/javascript " src="../script/elEditor/Eleditor.min.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript " src="js/vip_cardedit.js"></script>
<script type="text/javascript" src="../script/aui-actionsheet.js"></script>

</html>